import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// 配置组件name名称, 可以在浏览器的vue插件中查看组件名称
import vueSetupExtend from 'vite-plugin-vue-setup-extend'

const path = require('path')
// https://vitejs.dev/config/
// 1. 配置路径别名
export default defineConfig({
  plugins: [vue(), vueSetupExtend()],

  // 配置 导入文件的时候可以使用 @ 符号
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  // 配置全局css样式  因为vue3 less vue文件不能作用于全局
  css: {
    preprocessorOptions: {
      less: {
        additionalData: `
          @import "@/assets/styles/variables.less";
          @import "@/assets/styles/mixins.less";
        `,
      },
    },
  },
})
